<template>
  <div id="app">
    <!-- 路由占位符 -->
    <router-view></router-view>

    <!-- 底部 -->
      <Footer v-if='path== "/" ||path=="/cart" ||path=="/proclass"' :indexS="indexs"></Footer>
  </div>
</template>

<script>

export default {
  
  data() {
    return {
      indexs: 0,
      path:'/'
    };
  },
  watch: {
    "$store.state.footIndex": function(newVal){
      this.indexs= newVal
    },
    "$route":function(newVal){
      // console.log(newVal,oldVal);
      this.path= newVal.path
    }
  },
  
};
</script>

<style >
  #app{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
</style>
